<template>
  <div id="app">
    
    <!-- 头部区域 -->
    <mt-header fixed title="公益爱农"></mt-header>
    <!-- 中间区域 -->



    <!-- 底部区域 -->


   <nav class="mui-bar mui-bar-tab">
      <a class="mui-tab-item mui-active" href="#tabbar">
        <span class="mui-icon mui-icon-home"></span>
        <span class="mui-tab-label">首页</span>
      </a>
      <a class="mui-tab-item" href="#tabbar-with-chat">
        <span class="mui-icon mui-icon-email"><span class="mui-badge">9</span></span>
        <span class="mui-tab-label">消息</span>
      </a>
      <a class="mui-tab-item" href="#tabbar-with-contact">
        <span class="mui-icon mui-icon-contact"></span>
        <span class="mui-tab-label">通讯录</span>
      </a>
      <a class="mui-tab-item" href="#tabbar-with-map">
        <span class="mui-icon mui-icon-gear"></span>
        <span class="mui-tab-label">设置</span>
      </a>
    </nav>


  </div>
</template>

<script>
    import { Toast } from 'mint-ui';
export default {

  name: 'App',
  data(){
    return{

    }
  },
  methods:{
        show(){
         let tishi=Toast({
  message: '提示',
  position: 'bottom',
  duration: -1,
    className:'mytoast',
   iconClass: 'glyphicon glyphicon-heart'
});

        }
      }


}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
